// http://chst.vip:1234/api/getcategorytitle
// http://chst.vip:1234/api/getcategory?titleid=


// let divarr = []
// let liAndDiv = []

// function askOK(reciveres,index1){
//     let divstr = '<div>'
//     reciveres.result.forEach(item1=>{
//         divstr+=`<p>${item1.category}</p>`
//         })
//     divstr+='</div>'
//     liAndDiv[index1] +=  divstr
    
//     divarr.push(reciveres)
 
//     if(index1 != 7) return
//     $('main section ul').html(liAndDiv.join(''))

//     let $lis =  $('main section ul li')
//     $('main section ul div').slideUp(0)
//     $lis.click(function(){
//         $(this).next('div').slideToggle(0).siblings('div').slideUp()
//     })
// }




// fetch('http://chst.vip:1234/api/getcategorytitle')
//     .then(response=> response.json())
//     .then(value=>{
//         //  拿到八个li的数据，继续获取li同级div的数据
       
//         value.result.forEach((element,index) => {
//             let str = ''
//             str += `<li><p>${element.title}</p><span></span></li>`
           
            
//             fetch(`http://chst.vip:1234/api/getcategory?titleid=${element.titleId}`)
//                 .then(response1=> response1.json())
//                 .then(res=>{
//                     askOK(res,index)
                    
//                 })
//                 liAndDiv.push(str)
//             });
//     })


$(function(){
    $.ajax({
        method:'get',
        url:'http://chst.vip:1234/api/getcategorytitle',
        async:false,
        success:function(res){
           let str = ''
           res.result.forEach(element => {
               str += `<li titleId=${element.titleId}>${element.title}<span></span></li>`
               $('main section ul:eq(0)').html(str)
           });
        }
    })


   ;[...$('main section .two li')].forEach(item=>{
       
       fetch(`http://chst.vip:1234/api/getcategory?titleid=${$(item).attr('titleId')}`).then(response=>{
           return response.json()
       })
       .then(res=>{
            let kongdiv = `<div>`
           res.result.forEach(item2=>{
            kongdiv+=`<p categoryId=${item2.categoryId} category=${item2.category}>${item2.category}</p>`
           })
           kongdiv+='</div>'
           $(item).after(kongdiv)

           $(item).click(function(){
                 $(this).next('div').slideToggle(300).siblings('div').slideUp(0)
            })
            
            $(item).next('div').slideUp(0)
            $(item).next('div').children('p').click(function(){
                location.href = `http://127.0.0.1:5500/domo/千锋商城项目/html/particular.html?categoryId=${$(this).attr('categoryId')}&category=${$(this).attr('category')}`
            })
       })
   })
   
  
//    lis.forEach(item=>{
//        $.ajax({
//            method:'get',
//            url:`http://chst.vip:1234/api/getcategory?titleid=${$(item).attr('titleId')}`,
//            async:true,
//            success:function(val){

//                let kongdiv = `<div>`
//                val.result.forEach(item2=>{
//                    kongdiv+=`<p categoryId=${item2.categoryId} category=${item2.category}>${item2.category}</p>`
//                })
//                kongdiv+='</div>'
//                $(item).after(kongdiv)
               
//                let $p = $('main section ul div p')


//                $('main section ul div').finish().slideUp(0)
              
//                $(item).click(function(){
//                 $(this).next('div').slideToggle(300).siblings('div').slideUp(0)
//                 })
              
//                $p.click(function(){
//                    location.href = `http://127.0.0.1:5500/domo/千锋商城项目/html/particular.html?categoryId=${$(this).attr('categoryId')}&category=${$(this).attr('category')}`
//                })
//            } 
//        })
//    })
   


    


  toTop()
   
})

  


    
     
     
   


   
    

    
        
 
